//字体
.text-black {
    color: #333 !important;
}
.text-red {
    color: #f20000 !important;
}
.text-yellow {
    color: #ffbe0f !important;
}
.text-green {
    color: #38aa00 !important;
}
.text-blue {
    color: #1973bf !important;
}
.text-cyan{
    color: #31B8F6 !important;
}

.text-orange {
    color: #ff8a00 !important;
}

.text-deep-orange {
    color: #ff7043 !important;
}
.text-lightBlue {
    color: #2dbfe4 !important;
}
.text-gray {
    color: #ccc !important;
}
.text-darkGrey {
    color: #999 !important;
}
.text-sliver {
    color: #666 !important;
}

.text-wx {
    color: #2baf2b !important;
}
.text-zhifubao {
    color: #29b6f6 !important;
}

.text-white {
    color: #FFFFFF !important;
}

//线框按钮
.btn-blue-line {
    border: 1px solid #1973bf;
    color: #1973bf;
}
.btn-blue-line:active {
    background-color: #1973bf;
    color: #fff;
}
.btn-red-line {
    border: 1px solid #f20000;
    color: #f20000;
}
.btn-red-line:active {
    background-color: #f20000;
    color: #fff;
}
.btn-orange-line {
    border: 1px solid #ff8a00;
    color: #ff8a00;
}
.btn-orange-line:active {
    background-color: #ff8a00;
    color: #fff;
}

//实心按钮

.btn-gray {
    border: 1px solid #C4C4C4 !important;
    background-color: #C4C4C4 !important;
    color: #f9f9f9 !important;    
}
.btn-green {
    border: 1px solid #38aa00;
    background-color: #38aa00 !important;
    color: #fff;
}
.btn-green:active {
    border: 1px solid #2f8e00;
    background-color: #2f8e00;
}
.btn-blue {
    border: 1px solid #1973bf;
    background-color: #1973bf;
    color: #fff;
}
.btn-blue:active {
    border: 1px solid #356aba;
    background-color: #356aba;
}
.btn-tint {
    border: 1px solid #BAE4A5;
    background-color: #BAE4A5;
    color: #fff;
}
.btn-tint:active {
    border: 1px solid #BAE4A5;
    background-color: #BAE4A5;
}
.btn-red {
    border: 1px solid #f20000;
    background-color: #f20000;
    color: #fff;
}
.btn-red:active {
    border: 1px solid #f20000;
    background-color: #f20000;
}
.btn-white {
    border: 1px solid #e8e8e8;
    background-color: #fff;
    color: #888;
}
.btn-white:active {
    background-color: #f5f5f5;
}
.btn-lightGray{
    color: #999;
    border: 1px solid #d8d8d8;
}
.btn-lightGray:active{
    background-color: #f5f5f5;
} 

.btn-cyan{
    border: 1px solid #31B8F6;
    color: #fff !important;
    background: #31B8F6 !important;
}

.btn-orange{
    border: 1px solid orange;
    color: #fff !important;
    background: orange !important;
}

.btn-deep-orange{
    border: 1px solid #ff7043;
    color: #fff !important;
    background: #ff7043 !important;
}





//小图标
.icon-red {
    background-color: #f20000;
    color: #fff;
}
.icon-yellow {
    background-color: #ffbe0f;
    color: #fff;
}
.icon-simpleYellow {
    background-color: #F7CE62;
    color: #fff;
}
.icon-green {
    background-color: #38aa00;
    color: #fff;
}
.icon-blue {
    background-color: #1973bf;
    color: #fff;
}
.icon-orange {
    background-color: #ff8a00;
    color: #fff;
}
.icon-lightBlue {
    background-color: #2dbfe4;
    color: #fff;
}
.icon-gray {
    background-color: #ccc;
    color: #fff;
}
.icon-purple{
    background-color: #9600ce;
    color: #fff;
}
.icon-pink{
    background-color: #ed37de;
    color: #fff;
}


//背景
.bg-lightGray {
    background-color: #f5f5f5;
}
.bg-orange {
    background-color: #ff8a00 !important;
}
.bg-red {
    background-color: #f20000 !important;
}

.bg-gray {
    background-color: #C4C4C4 !important;  
}

//边框
.border-red {
    border-color: #f20000 !important;
}

.border-gray {
    border-color: #e0e0e0 !important;
}
